﻿/* reset */
html,body{height: 100%;}
body,input,textarea,button,select,legend,fieldset{font-family: inherit;font-size:14px;}
body,h1,h2,h3,h4,p,ul,ol,dd,dl,form{margin:0;}
body{overflow-x:hidden;user-select:  none;-webkit-user-select:  none;-webkit-overflow-scrolling : touch; }
img { border: 0 none; height: auto; max-width: 100%; vertical-align: top; -ms-interpolation-mode: bicubic;}
ul{padding-left:0;list-style-type:none;}
a{text-decoration: none;color:#000;}

/* common */
.wrap{padding-left:2%;padding-right:2%;}
.fix{*zoom:1;*clear:both;}.fix:before,.fix:after{content:"";display:table;clear:both;}
.oh{overflow:hidden;*zoom:1;}
.l{float:left;}.r{float:right;}
.pr{position:relative;}.pa{position:absolute;}
.tc{text-align:center;}.tr{text-align:right;}
.el{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.hidetext { font: 0/0 a; letter-spacing: -9px; }
.hide{display:none;}
.arr{display: inline-block; width: 0; height: 0; overflow: hidden; }

/* 表格 */
.datalist{ border:1px solid #ccc; border-collapse:collapse; background-color:#fff; }
.datalist caption{ padding-bottom:6px; text-align:left;} 
.datalist th{ border:1px solid #ccc; background-color:#eee; font-weight:700;  padding:6px 16px; }
.datalist td{ border:1px solid #ccc; padding:6px 16px;}
.datalist tr.altrow{ background-color:#c7e5ff;}

/* flex栅格 */
.flex-col { 
display: -webkit-box; display: -webkit-flex; display: -ms-box; display: flex; 
-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; 
}
.flex-row { 
display: -webkit-box; display: -webkit-flex; display: -ms-box; display: flex; 
-webkit-box-orient: horizontal; -ms-flex-direction: row;
}
.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.flex-2 { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; }
.flex-3 { -webkit-box-flex: 3; -webkit-flex: 3; flex: 3; }
.flex-4 { -webkit-box-flex: 4; -webkit-flex: 4; flex: 4; }
.align-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-align-items: stretch; align-items: stretch; }
.align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; }
.justify-center { -webkit-box-pack: center; -ms-box-pack: center; justify-content: center; }
.flex-wrap{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.scroll_cont {width: 100%;height:100%;overflow: auto;box-sizing: border-box;}

/* style */
body:after {display: block;height: 0;line-height: 0;overflow: hidden;visibility: hidden;content: 'Mobile';}
.UnmobilePush{display: none;}
.MobilePush{display:block;}
/* Moible-竖屏 */












/* Moible-横屏 */
@media screen and (orientation: landscape){



}
@media screen and (min-width: 41em){
body:after {content: 'Pad';}
.PcPush{display: none;}
.UnpcPush{display: block;}
/* Pad-横屏 */



@media screen and (orientation: portait){
/* Pad-竖屏 */



}
}